/* pages/user/index.wxss */
page {
  background-color: #edece8;
}

 .user_info_wrap {
   height: 42vh;
   .user_img_wrap {
     position: relative;
    .user_bg {
      height: 42vh;
      filter: blur(5rpx);
    }

     .user_info {
       position: absolute;
       left: 50%;
       transform: translateX(-50%);
       top: 30%;
       text-align: center;
      .user_icon {
        width: 125rpx;
        height: 125rpx;
        border-radius: 50%;
      }

     

       .user_name {
         margin-top: 26rpx;
         font-size: 27rpx;
      }
      .user_city{
        &::before {
          content:'所在城市:'
        }
        margin-top: 10rpx;
        font-size: 20rpx;
        color: #333333;
      }
    }
    .user_btn {
      position: absolute;
       left: 50%;
       transform: translateX(-50%);
       top: 30%;
       background-color: var(--themeColor);
       width: 350rpx;
       height: 65rpx;
       border-radius: 32.5rpx;
       text-align: center;
       color: #fff;
       font-size: 24rpx;
       line-height: 65rpx;
    }
  }
}

.user_content_wrap {
  position: relative;
  .user_main {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -60rpx;
    width: 90%;
    .history_wrap {
      background-color: #fff;
      display: flex;
      navigator {
        flex: 1;
        text-align: center;
        padding: 12rpx 0;
        .his_icon {
          image {
            width: 20%;
          }
        }
        .his_name {
          font-size: 22rpx;
          opacity: .8;
        }
        .his_num {
          font-size: 22rpx;
          color: #191919;
        }
      }
    }

    .order_wrap {
      background-color: #fff;
      margin-top: 30rpx;
      .order_title {
        padding: 25rpx;
        border-bottom: 1rpx solid #ccc;
        font-size: 24rpx;
      }
      .order_content {
        display: flex;
        navigator {
          flex: 1;
          text-align: center;
          padding: 15rpx 0;
          .iconfont {
            color: var(--themeColor);
            padding-bottom: 6rpx;
          }
          .order_name {
            font-size: 22rpx;
          }
        }
      }
    }

    .addr_wrap {
      margin-top: 20rpx;
      background-color: #fff;
      padding: 20rpx;
      font-size: 24rpx;
    }
    .app_info_wrap{
      margin-top: 20rpx;
      background-color: #fff;
      .app_info_item {
        padding: 20rpx;
      font-size: 24rpx;
      }
      .app_info_contact {
        display: flex;
        justify-content: space-between;
      }
    }
    .recommend_wrap{
      margin-top: 20rpx;
      background-color: #fff;
      padding: 20rpx;
      font-size: 24rpx;
      margin-bottom: 68rpx;
    }
  }
}



